<template>
	<div>
		<div id="class"><h1 class="class">网页跳转</h1></div>
		
		<a :href="bl">转到哔哩哔哩</a><br />
		<a :href="bd">转到百度</a><br />
		<a :href="mk">转到慕课网</a><br />
		<a :href="qy">转到爱奇艺</a><br />
		<div id="ppa"><h1>监听</h1><br /></div>
		<button v-on:click="study('block')">监听</button>
	</div>

</template>

<script>
	export default {
		name: "Template",
		data() {
			return {
				msg: 'hello',
				bl: 'https://www.bilibili.com',
				bd: 'https://www.baidu.com',
				mk: 'https://www.imooc.com',
				qy: 'https://www.iqiyi.com',
				
			}
		},
		methods: {
			study(name) {
				alert(`${name},你成功的搞懂了监听`)
			}
		}
	}
</script>
<style >
    #class{
		color: mediumseagreen
		}
	#ppa{
		color: dodgerblue;
	}
</style>
